<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <em>文字的强调</em>
    <strong>我是strong元素</strong>
    <small>我是小号字体</small>
    <sup>我是上标</sup>
    <sub>我是下标</sub>

    This is a very long word:  <wbr>Supercalifragilisticexpialidocious</wbr> 

    the <abbr title="floria department of citrus">FDOC</abbr> regulates the Floria

    <p>
        The <dfn title="apple">apple</dfn> is the pomaceous of fruit of the apple tree.
    </p>

    <p>
        <q cite="http://www.baidu.com">
            The <dfn title="apple">apple</dfn> is the pomaceous of fruit of the apple tree.
        </q>
        <blockquote cite="http://www.baidu.com">
            The <dfn title="apple">apple</dfn> is the pomaceous of fruit of the apple tree.
        </blockquote>
    </p>

    <p>
        My favorite book on fruit is<cite>Fruit: Editable</cite>
    </p>

    <p>
        I would like a <mark>pair</mark> of <mark>pears</mark>
    </p>

    <p>
        <del>删除线</del>
        <ins>添加线</ins>
        <time datetime="2021-11-21">3 o'clock</time>
    </p>
</body>
</html>